/* layout
---------------------------------------------------------------------------------------------------------- */
body { font-family:Microsoft YaHei, SimSun, SimHei, Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:1.5em; }
.login_bg{ overflow-x:hidden; background:#36caff url(../images/login_bg.png) center 0 no-repeat; text-align:center;background-size:100% 100%}  
@media (min-device-width : 1921px){
.login_bg{ background:#36caff url(../images/login_bg.png) fixed no-repeat; background-size:100% 100%; text-align:center;}
}
.index_bg{ background:#fff;}  

.page_bg { background:#ebebeb; }

.login_box { margin:0 auto; margin-top:17%; text-align:center; width:446px; }
.login_logo { margin:0 auto;}
.login_tit { margin:0 auto; color:#383737; font-size:38px; line-height:60px;}
.login_line { margin:5px auto; background:url(../images/login_line.png) no-repeat; width:446px; height:1px; }
.login_con { margin:14px auto; background: rgba(255, 255, 255, 0.68); width:360px; height:255px; padding-left:80px; padding-top:20px; text-align:left; border-radius: 20px;}
.blur {	
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);    
            filter: blur(10px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

.inpDiv {  border: 1px solid #cfcfcf; background:#fff; height: 30px; line-height: 30px; padding: 7px 16px; width: 250px; border-radius: 7px;}
.inpDiv i { border-right: 1px solid #cfcfcf; display: block; float: left; height: 30px; margin-right: 10px; width: 40px; }
.inpDiv .inp { float: left; height: 30px; line-height: 30px; width: 190px;}
.inpDiv .inp input { border: medium none; height: 30px; line-height: 30px;width: 100%; color:#000000; font-size:15px; font-family: Times New Roman, KaiTi;}

.login_con .check { text-align:left; color: #fff; font-size:16px; }
.login_con .check input {  margin-right: 5px; }
.login_con .check * { vertical-align: middle; }

.ico_name {background: url(../images/ico_name.png) no-repeat; }
.ico_pass {background: url(../images/ico_pass.png) no-repeat; }
.ico_yzm {background: url(../images/ico_yzm.png) no-repeat; }
.ico_yzm1 {background: url(../images/ico_yzm1.png) no-repeat; }

.branding { width:auto; margin:0 auto; }
.container { width:auto; margin:0 auto; }
.layout {width:auto;position: relative;/* height:500px; */}
.site_info { color:#8b8b8b; font-size: 14px; padding-bottom:20px; line-height:40px; width:auto; margin:0 auto; position: relative;}

/*  end layout
---------------------------------------------------------------------------------------------------------- */

/* index
------------------------------------- */
.branding { background:url(../images/top_bg.jpg) top left #c30802; height:84px; }
.branding .logo{ width: 389px; height: 75px; background: url(../images/top_logo.png) no-repeat; margin-top:3px; margin-left:42px; }
.wel{ margin-top:13px; margin-right:54px; }
.wel a{ color:#ebebeb;}
.wel a:hover { text-decoration:underline; }
.wel li { float:left; color: #fff; height:22px; line-height:58px; margin-right:20px;   }
.wel li i { display: inline-block; vertical-align: middle; width: 21px; height: 21px; margin-right: 4px; }
.wel li .ico_time { background: url(../images/ico_time.png) no-repeat; }
.wel li .ico_weather { width: 35px; height: 25px; background: url(../images/ico_weather.png) no-repeat;  }
.wel li .ico_help { background: url(../images/ico_help.png) center center no-repeat; }
.wel li .ico_down { background: url(../images/ico_down.png) center center no-repeat; margin-left:7px; display: inline-block; vertical-align: middle; width: 21px; height: 21px; }
.wel .line { background:url(../images/top_line.png) no-repeat; width:2px; height:60px; margin:0px 20px 1px 5px; }
.wel .head { border-radius: 29px; height: 58px; margin: 0 auto; overflow: hidden; width: 58px; margin-right:13px; }

/** �����ṹ-��Ϊ��������-��Ϊ��Ҫ���� **/
.grid_c2_s4c20 { clear:both; content:' '; display:block; position:relative; padding:0px; overflow: hidden;}
.grid_c2_s4c20:after{ display:block; visibility:hidden; font-size:0; line-height:0; clear:both; content:"";}
.grid_c2_s4c20 .col_main { float:left; width:100%; min-height:1px;}
.grid_c2_s4c20 .main_wrap {	margin:0 0 0 168px; padding:0;}
.col_sub { float:left;padding-bottom:9999px;margin-bottom:-9999px;}
.grid_c2_s4c20 .col_sub { margin-left:-100%; width:168px; border-right:1px solid #d1d1d1; background: #f5f4ec;  z-index:8888;}
/** end �����ṹ-��Ϊ��������-��Ϊ��Ҫ���� **/

.menuPM { width:169px; border-bottom:1px solid #d1d1d1; }
.menuPM li{  }
.menuPM li a{ display:block; width:140px; height:35px; padding-top:15px; padding-left:28px; text-align:left; border-top:1px solid #d1d1d1; color:#2b2b2b; }
.menuPM li a i { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-bottom: 6px; margin-right:15px; background: url(../images/icon_nav.png) no-repeat;}
.menuPM li a .ico_01 { background-position: 0 0px;}
.menuPM li a .ico_02 { background-position: 0 -20px;}
.menuPM li a .ico_03 { background-position: 0 -40px;}
.menuPM li a .ico_04 { background-position: 0 -60px;}
.menuPM li a .ico_05 { background-position: 0 -80px;}
.menuPM li a .ico_06 { background-position: 0 -100px;}
.menuPM li a .ico_07 { background-position: 0 -120px;}
.menuPM li a .ico_08 { background-position: 0 -140px;}
.menuPM li a .ico_09 { background-position: 0 -160px;}
.menuPM li a .ico_10 { background-position: 0 -180px;}
.menuPM li a .ico_11 { background-position: 0 -200px;}
.menuPM li a .ico_12 { background-position: 0 -220px;}
.menuPM li a .ico_13 { background-position: 0 -240px;}
.menuPM li a:hover,
.menuPM li a.hover { background: url(../images/nav_right.jpg) top right #e01504 no-repeat;  width:141px; border-right:none; border-top:1px solid #e01504; color:#fff; }
.menuPM li a:hover p,
.menuPM li a.hover p{ color:#fff; }
.menuPM li a:hover .ico_01,
.menuPM li a.hover .ico_01  { background-position: -20px 0;}
.menuPM li a:hover .ico_02,
.menuPM li a.hover .ico_02  { background-position: -20px -20px;}
.menuPM li a:hover .ico_03,
.menuPM li a.hover .ico_03  { background-position: -20px -40px;}
.menuPM li a:hover .ico_04,
.menuPM li a.hover .ico_04  { background-position: -20px -60px;}
.menuPM li a:hover .ico_05,
.menuPM li a.hover .ico_05  { background-position: -20px -80px;}
.menuPM li a:hover .ico_06,
.menuPM li a.hover .ico_06  { background-position: -20px -100px;}
.menuPM li a:hover .ico_07,
.menuPM li a.hover .ico_07  { background-position: -20px -120px;}
.menuPM li a:hover .ico_08,
.menuPM li a.hover .ico_08  { background-position: -20px -140px;}
.menuPM li a:hover .ico_09,
.menuPM li a.hover .ico_09  { background-position: -20px -160px;}
.menuPM li a:hover .ico_10,
.menuPM li a.hover .ico_10  { background-position: -20px -180px;}
.menuPM li a:hover .ico_11,
.menuPM li a.hover .ico_11  { background-position: -20px -200px;}
.menuPM li a:hover .ico_12,
.menuPM li a.hover .ico_12  { background-position: -20px -220px;}
.menuPM li a:hover .ico_13,
.menuPM li a.hover .ico_13  { background-position: -20px -240px;}

.subNav { }
.subNav li { }
.subNav li a{ display:block; background:#faefee; width:137px; height:38px; padding-top:15px; padding-left:31px; text-align:left; border-top:1px solid #d1d1d1; color:#666666; }
.subNav li a i { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-bottom: 6px; margin-right:15px; background:none;}
.subNav li a:hover,
.subNav li a.hover { background:#faefee;  width:137px; border-right:none; border-top:1px solid #d1d1d1; color:#e01504; }
.subNav li a:hover i,
.subNav li a.hover i { background:url(../images/icon_Subnav.png) no-repeat; } 

.index_p { padding:0 16px;  }

.current { height:44px; line-height:44px; color:#a3a3a3; font-size:12px; text-align:left; }
.current a { font-weight:bold; color:#a3a3a3; }

.i_search { background: url(../images/search_bg.jpg) repeat-x; border: 1px solid #d8dcde;  padding:12px 15px; }

.q_condition { }
.q_condition td { padding:10px 0; color:#2b2b2b; }
.q_condition th { text-align:center; padding:10px 10px 20px; border-bottom:1px dashed #cbcbcb; }
.q_condition label{ color:#2b2b2b; margin-right:5px; line-height:31px; }

.BtnBox { width:auto; text-align:right; margin:10px 15px 10px 0; }

.tab_box { border:1px solid #d2d1d1; padding:8px; margin-bottom:20px; }

.tableSty01 { border:1px solid #e5e5e5; }
.tableSty01 th ,.tableSty01 td { border:1px solid #d1d1d1; vertical-align:middle; text-align:center; padding:6px 5px; line-height:20px; }
.tableSty01 th { background:#f2f2f2; color:#2b2b2b; }
.tableSty01 a { color:#676767; }
.tableSty01 a:hover { text-decoration:underline; }
.tableSty01 a i{ display:inline-block; vertical-align:middle; background: url(../images/a_operate.png) no-repeat; width:20px; height:20px; margin-right:5px;  }
.tableSty01 .i_detail { background-position:0 0; }
.tableSty01 .i_issue { background-position:0 -20px; }
.tableSty01 .i_del { background-position:0 -40px; }
.tableSty01 .i_set { background-position:0 -60px; }
.tableSty01 .i_cancel { background-position:0 -80px; }
.tableSty01 .i_alter { background-position:0 -100px; }
.tableSty01 .i_download { background-position:0 -120px; }
.tableSty01 tr:hover {background:#F9FAD1;}




.page { margin-top:20px; margin-bottom:10px; height:30px; overflow: hidden; position: relative;}
.page .wraper { float: left;  margin-left: 50%;}
.page .inner { float: left; margin-left: -50%; }
.page li { float: left; margin-right: 5px;  display:block; background:#fff; border:1px solid #ffad01; padding:0 12px; height:30px; line-height: 30px; text-align:center; color: #4f4f4f;  }
.page li a{ color: #4f4f4f; }
.page li.hover, .page li:hover { border:1px solid #ffad01; background:#ffad01; color:#fff; }
.page li.hover a, .page li:hover a{ color:#fff; }
.page .more {border:1px solid #fff;  }
/*.page .pre, .page .next { background:url(../images/icon_page.png) 8px 10px no-repeat #fff; padding-left:16px; width:61px; }*/
/*.page .next { background-position: 8px -20px;}*/
/*.page .pre.hover, .page .pre:hover {  background:url(../images/icon_page.png) 8px -50px no-repeat #ffad01;}
.page .next.hover, .page .next:hover { background:url(../images/icon_page.png) 8px -80px no-repeat #ffad01;}*/

/*����*/
.alert_b{ display:none; position:fixed; _position:absolute; top:0; left:0; z-index:9998; width:100%; height:100%; background:url(../images/alpha_black.png) repeat; z-index: 400;}

.popWind { width: 480px; border-radius:8px; background: #fff; position: absolute; top: 30%; left: 50%;/*box-shadow: 2px 2px 5px #777;*/ z-index: 9999; }
.btn_close01 {display: block; position:absolute; top:17px; right: 17px; width: 18px; height: 18px; background: url(../images/btn_close.png) no-repeat;}
.popWind .pop_hd { background:#c30803; text-align:center;  border-top-left-radius:8px; border-top-right-radius:8px; position:relative; }
.popWind .tit { font-size: 16px; color: #fff; font-weight: 400; line-height:50px;}
.popWind .pop_bg { margin:0 auto; padding:0 30px; text-align:center; }
.popWind .pop_ft { margin:20px auto; padding:0 30px; text-align:center; }
.f_line { border-top:1px dashed #ddd; padding:25px 0 25px 0; text-align:center; }

.tableSty02 { }
.tableSty02 td { vertical-align:middle;  padding:5px;  color:#686868; }
.tableSty02 th { text-align:right; color:#2b2b2b; line-height:30px; }

.add_con {  padding: 35px 35px 0;}
.add_con li { padding: 0 0 15px 95px; position: relative; color:#bebebe; vertical-align:top;}
.add_con li label { left: 0; line-height: 34px;  position: absolute; top: 0; width: 90px; text-align:right; color:#535353;}

.editTabList { border-bottom: 2px solid #e01504; padding-top:20px; text-align:left; }
.editTabList li { float:left; margin-right:20px;  }
.editTabList li a { display:block; text-align:center; padding:0 15px; color:#2b2b2b; font-weight:bold; line-height:38px;  }
.editTabList li a:hover,
.editTabList li a.hover { background:#e01504;  color:#fff;   }

.pepleBox { padding:20px 0; }
.pepleL { border:1px solid #dfdfdf; height:310px; width:325px; padding-left:10px; overflow-x:hidden; overflow-y:scroll;  }
.pepleL li{ color:#6d6d6d; text-align:left; line-height:24px;  }
.pepleM { height:210px; width:36px; margin-left:25px; padding-top:100px; }

.btn_right {display: block; width: 36px; height: 29px; background: url(../images/btn_right.png) no-repeat;}
.btn_left {display: block; width: 36px; height: 29px; background: url(../images/btn_left.png) no-repeat;}
